<style>
	.widgetcontent p{
		margin-left:200px;
	}
	.rq, .error{color: red}
</style>

<ul class="breadcrumbs">
            <li><a href="dashboard.html"><i class="iconfa-home"></i></a> <span class="separator"></span></li>
            <li><a href="table-static.html">Products</a> <span class="separator"></span></li>
            <li>Add Product</li>
            
            <li class="right">
                <a href="" data-toggle="dropdown" class="dropdown-toggle"><i class="icon-tint"></i> Color Skins</a>
                <ul class="dropdown-menu pull-right skin-color">
                    <li><a href="default">Default</a></li>
                    <li><a href="navyblue">Navy Blue</a></li>
                    <li><a href="palegreen">Pale Green</a></li>
                    <li><a href="red">Red</a></li>
                    <li><a href="green">Green</a></li>
                    <li><a href="brown">Brown</a></li>
                </ul>
            </li>
        </ul>


 <div class="pageheader" >
            <form action="results.html"  method="post" class="searchbar" />
                <input type="text" name="keyword" placeholder="To search type and hit enter..." />
            </form>
            <div class="pageicon"><span class="iconfa-laptop"></span></div>
            <div class="pagetitle">
                   <h5>&nbsp;</h5>
                <h1>Thêm Sản Phẩm</h1>
            </div>
        </div><!--pageheader-->
        
        <div class="maincontent"  >
            <div class="maincontentinner" >
                <div class="row-fluid" >
                        <div style="margin-left:250px" class="span8">
                            <form class="stdform" id="form1" method="post" enctype="multipart/form-data"  />
                                
                                <div class="widgetbox personal-information">
                                    <h4 class="widgettitle">Thông Tin Sản Phẩm</h4>
                                    <div class="widgetcontent">
                                        <p>
                                            <label>Tên Sản Phẩm:</label>
                                            <input type="text" name="name" class="input-xlarge" placeholder="Nhập tên sản phẩm" /> <span class="rq"> * </span>
                                        </p>
										<p>
                                            <label>Mô Tả:</label>
                                            <textarea name="describe" class="input-xlarge"></textarea> 
											<span class="rq"> * </span>
                                        </p>
										<p>
                                            <label>Phân Loại:</label>
											<select name="category">
												<?php foreach($this->show_catalogs as $key)
												{ ?>
													<option value="<?php echo $key['caID'] ?>"><?php echo $key['caName'] ?></option>
												<?php } ?>
											</select>
                                        </p>
                                        <p>
                                            <label>Hình Ảnh:</label>
                                            <input type="file" name="image" class="input-xlarge" value="Pixels" /> <span class="rq"> * </span>
                                        </p>
                                        
                                        
                                    </div>
                                </div>
                                
                                <p style="margin-left:350px">
                                	<button type="submit" class="btn btn-primary">Thêm Sản Phẩm</button> <button type="submit" class="btn btn-primary">Làm Mới</button>
                                </p>
                                
                            </form>
                        </div><!--span8-->
                    </div><!--row-fluid-->